/* 初始化样式
------------------------------- */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none !important;
}

:root {
    //menu
    --next-menu-bg-color: #545c64;
    --next-menu-bg-color-hover: rgba(0, 0, 0, .4);
    --next-menu-text-color: #eaeaea;
    --next-menu-text-color-hover: #fff;
    --next-menu-text-color-active: #409eff;

    //breadcrumb
    --next-breadcrumb-link-color: #606266;
}

html,
body,
#app {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
	font-weight: 400;
}

//侧边栏
.aside {
    background-color: var(--next-menu-bg-color);
    .el-menu {
        border-right: none;
        .el-menu-item, .el-sub-menu__title {
            color: var(--next-menu-text-color)
        }
        .el-menu-hover-bg-color, .el-menu-item:hover, .el-menu-item.is-active, .el-sub-menu.is-active .el-sub-menu__title, .el-sub-menu:not(.is-opened):hover .el-sub-menu__title {
            color: var(--next-menu-text-color-hover);
            background-color: var(--next-menu-bg-color-hover);
        }
        .el-menu-item.is-active {
            color: var(--next-menu-text-color-active)
        }
    }
}

.el-popper.is-pure.is-light {
	// 水平菜单
	.el-menu--vertical {
		background: var(--next-menu-bg-color);
		.el-menu-item-group__title {
            padding: 0;
        }
        .el-menu-item {
            color: var(--next-menu-text-color)
        }
	}
}
